﻿

 
<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<title>注册_电子邮箱</title>

<link href="https://hwid1.vmallres.com/CAS/up/rss_6/../common/images/default/hwfavicon.ico" type="image/x-icon" rel="shortcut icon" /> 
<link href="{{ asset('/home/email/Css/ec.core.css') }}" rel="stylesheet" type="text/css"> 
<link href="{{ asset('/home/email/Css/common.css') }}" rel="stylesheet" type="text/css"> 
<link href="{{ asset('/home/email/Css/zh-cn_css.css') }}" rel="stylesheet" type="text/css"> 
<link href="{{ asset('/home/email/Css/dialog.css') }}" rel="stylesheet" type="text/css"> 
<link href="{{ asset('/admins/css/bootstrap.min.css') }}" rel="stylesheet">



<link href="{{ asset('/home/email/Css/dialog.css') }}" rel="stylesheet" type="text/css"> 

<style type="text/css">

.selected {
    padding: 10px;
    cursor: pointer;
    background-image: url("Images/red.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
}

</style>


</head>
<body class="reg">
    <!-- 头部  -->

<div class="head-background">
	<div class="head_center">
		
		     
			  	<div class="main-logo">
					<img src="{{ asset('home/email/Picture/logo2.png') }}">
				</div>
				<div class="website-name"  style="color:#fff;">
					<b style="font-size: 23px;margin-top: -4px;float: left;">|</b>
					<b style="font-size: 23px;margin-top: -1px;float: left; margin-left:5px;">华为商城</b>
				</div>
			
		
	</div>
</div> 
	
	
	<div class="wp1 relative">
		<div class="reg-content" id="registerForm">
			<div class="reg-tab">


		<!-- <a href="#" class="tab-phone">手机号</a> -->
	   <a href="#" class="tab-email sel">电子邮箱</a>


</div>
<div class="login r">
已有华为帐号
<a href="{{ url('/userLogin') }}"" class="login-a"  title="登录" ">登录 </a>▶
</div>

<div class="reg-detail">
<h3 class="reg-title">注册华为帐号</h3>
<p class="node-intro">
	华为帐号是您用于访问所有华为服务的帐号。使用华为帐号登录后，您将可以使用云服务、华为商城、花粉俱乐部、应用市场、EMUI产品、华为网盘和开发者联盟。
</p>
<div class="box-shadow-in"></div> 
@if (count($errors) > 0)
<div class="alert alert-danger">
	   <ul>
				@foreach ($errors->all() as $error)
		  <li>{{ $error }}</li>
		 		@endforeach
 		</ul>
		
@endif
   

    @if( session('msg'))
	<div class="alert alert-danger">

	<ul>
		<li>{{ session('msg') }}</li>
	</ul>
     </div>
    @endif
<div class="node">
	<div class="node-title">华为帐号</div>
	<div class="node-intro">输入邮件地址作为您的华为帐号，用于登录、重设密码、验证身份。</div>
	<form action="{{ url('/uerRegister') }}" method="post" id="myform">
	{{ csrf_field() }}
	<div class="node-des mkcl">
		<div class="node-input r">
			<div class="dinput">
				<input type="email" name="userEmail" id="userEmail" maxlength="50" >     
			</div>
			<span id="msg_email"></span>
		</div>
		<div class="input-intro">邮件地址：</div>
	</div>
	
	<!-- 验证码 -->
			<div class="node-des mkcl">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<div class="input-intro">验证码：</div>
			<div class="col-xs-2" style="margin-top: -35px;margin-left: 120px;">
			<input type="text" id="myinput" name="myVerify" class="form-control">
			</div>
			 <input type="button" value="获取验证码" class="mybutton btn btn-primary col-xs-2" style="margin-left: 350px; margin-top: -35px " ><span id="myspan" ></span>
			
		<!-- <div class="input-intro">验证码：</div> -->
	<!-- <form action="{{ url('/uerRegister') }}" method="post">
	{{ csrf_field() }} -->
	</div>
</div>
<div class="box-shadow-in"></div> 
<!-- ===密码 = -->
<div class="node">
	<div class="node-title">设置登录密码</div>
	<div class="node-intro">密码由8-32位字符组成，需至少包含一个大写字母、一个小写字母和一个数字，建议不与其他密码相同</div>
	<div class="node-des mkcl">
		<div class="node-input r">
			<div class="dinput"><input type="password"  name="userPass" maxlength="32"></div>
			<div class="pwd-letter">
				<span> 弱 </span><span> 中 </span><span> 强 </span>
			</div>
			<span id="msg_password"></span>
		</div>
		<div class="input-intro">密码：</div>
	</div>
	<div class="node-des mkcl">
		<div class="node-input r">
			<div class="dinput"><input type="password"  name="userPass_confirmation" maxlength="32"></div>
			<span id="msg_checkPassword"></span>
		</div>
		<div class="input-intro">确认密码：</div>
	</div>
</div>
<div class="box-shadow-in"></div> 



<!-- 选择国家开始 -->
<div class="node" id="chooseCountry" style="display: none;">
	
	<div class="regAgrTitle node-title">华为帐号服务条款</div>

	<div class="node-title">国家/地区
	</div>
		<div class="foot-selectCountry-margin selectCountry-right">
			<div class="selectCountryImg_style">
 			<a href="javascript:void(0);" style="cursor:hand"><div id="selectCountryImg" class="selectCountryImg"></div></a>
			</div>	    
			<div class="selectedCountry_style">
 			<div>
		    	<div id="selectedCountry"></div>
		    </div>
	  </div>
	</div>					
	<div id="regXCountry" class="node-intro">不同地区的华为帐号服务可能会有差异。</div>
</div>
<div class="box-shadow-in" id="chooseCountryShadow" style="display: none;"></div> 				
<!-- 选择国家结束 -->
				
    
	<div class="node">

		<div class="node-intro"><div class="agrLineH">华为将为您创建唯一的华为帐号，来标识您和提供更优服务，且需搜集和处理以下信息： </div><div class="agrLineH agrIndent">您所有登录的设备信息，包括：IMEI、IMSI、SN、国家/地区、语言、型号和版本号；</div><div class="agrLineH agrIndent">您向我们提交的个人信息，包括：手机号、邮件地址、密码、头像、昵称、生日、姓名和性别；</div><div class="agrLineH">上述数据将会传输并保存至华为全球的服务器。您可通过销户删除所有个人数据。</div><br/><div class="agrLineH">华为帐号用户可以通过手机号或邮件地址搜索到您，并可查看您的公开信息，包括：头像、昵称、城市等。您也可以在华为帐号的设置中关闭。</div><br/><div class="agrLineH">点击“注册”，即表示您同意上述内容及<a href="#" target="_blank" class="loginAndRegLink">华为帐号用户协议</a>并确认您已阅读<a href="#" target="_blank" class="loginAndRegLink">华为隐私政策</a>。</div></div>
	</div>
	<div class="box-shadow-in"></div> 




				<div class="reg-btn" align="center">
					<input type="submit" class="btn btn-reg sel" id="btnSubmit" value="立即注册" tabindex="7"  />
					<div id="register_msg" class="vam error" style="position:relative;left:30%;"></div>
					<div id="register_msg2" class="vam error hide" style="margin-left: -60px;"></div>
				</div>
			</div>
			</form>
			<div class="box-shadow"></div> 
		</div>
	</div>
    
     <input type="hidden" id="countryRegion" value="" />
	<div id="selectCountryCodeDiv"></div>
  

	 <!-- 底部  -->

<style>

.selectCountryImg {
    display: block;
    width: 30px;
    height: 30px;
    background: url("Images/down.png") no-repeat;
    background-position-y: 12px;
     
}

</style>
<div class="wp1 ft">
	<div class="reg-content">
		<p class="footer">
				
					<a id="foot_privacy" href="#" class="rule" target="_blank">华为隐私政策</a>
					<a id="foot_EULA" href="#" class="rule" target="_blank">华为帐号用户协议</a>
				
				
				
				
				
				
				
			<a href="#" target="_blank"><em style='font-style: normal'>|</em> <a style="text-decoration: underline;" target="blank" href="#">常见问题</a></a>
		</p>
		
		
			
			
				<p class="footer">Copyright @ 2011-2016  华为软件技术有限公司  版权所有  保留一切权利  苏B2-20070200号 | 苏ICP备09062682号-9</p>	
			
	</div>
</div>
 
	
	<script type="text/javascript" src='{{ asset("/js/jquery-1.8.3.min.js") }}'></script>

			<script>
			$(document).ready(function(){
  			// 在这里写你的代码...
		
			$('.mybutton').click(function(){
					// $(".mybutton").attr("disabled", "disabled"); 
					var v = $('#userEmail').val();
					$.get("/ajax/dopost", { userEmail: v },
  						function(data){
    						if ( data == '' ) {
    						
    							// Countdown();
    							alert('邮件已发送');
    							
    							
    						}
  					});

			});

	// 		var timer =60;
	// 		function Countdown() {
 //    		if (timer >= 1) {
 //        	timer -= 1;
 //        	$('#myspan').html(timer);

 //        	setTimeout(function() {
 //            Countdown();
 //        	}, 1000);
 //    	}
	// }
				
				

				
				// 	$.ajax({
				// 	url:'/ajax/dopost',
				// 	type:'get',
				// 	async:true,
				// 	data:{userEmail:v},
				// 	dataType:'json',
				
				// 	// data:{upid:ob},
				// 	// dataType:'json',
				// 	success:function(data)
				// 	{
						
				// 		console.log(data);
				// 	},
				// 	error:function()
				// 	{
				// 		console.log('ajax 失败');
					
				// 	}
				// });
				})
			</script>
</body>

</html>
